<script setup>
const handleClick = () => {
  uni.navigateTo({
    url: '/pages/audit/auditAddComment',
  })
}
</script>

<template>
  <view class="container">
    <uni-card :border="false" :is-shadow="false" margin="0" padding="0" spacing="0">
      <view style="display: flex; align-items: center">
        <text class="titleText">全文评论</text>
      </view>
      <view class="infoContainer">
        <image
          src="@/static/logo200.png"
          style="width: 64rpx; height: 64rpx; margin-right: 8rpx"
        ></image>
        <view>
          <text class="infoTitle">郭子仪</text>
          <text class="infoTime"> 12.05 16:30</text>
          <text class="infoText">评论内容</text>
        </view>
        <view style="flex-grow: 1"></view>
        <text style="align-self: flex-start">
          <image src="@/static/icon/auditDetailsSVG/more.svg" style="width: 32rpx; height: 32rpx;" />
        </text>
      </view>
      <view class="addContainer" @tap="handleClick">
        <image src="@/static/icon/plus-circle.svg" style="height: 23.33rpx; width: 23.33rpx" />
        <text class="addText">添加评论</text>
      </view>
    </uni-card>
  </view>
</template>

<style lang="scss" scoped>
.container {
  width: 686rpx;
  background-color: #ffffff;
  margin: 32rpx 32rpx 32rpx 0;
  padding: 32rpx;
  border-radius: 16rpx;
}

.titleText {
  color: #1d2129;
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 32rpx;
  font-style: normal;
  font-weight: 500;
  line-height: 44.8rpx;
}

.infoContainer {
  margin-top: 32rpx;
  display: flex;
  align-items: center;
}

.infoTitle {
  //display: block;
  color: #1d2129;
  font-family: 'PingFang SC';
  font-size: 26rpx;
  font-style: normal;
  font-weight: 400;
  line-height: 36.4rpx;
}

.infoTime {
  color: #86909c;
  font-family: 'PingFang SC';
  font-size: 26rpx;
  font-style: normal;
  font-weight: 400;
  line-height: 36.4rpx;
}

.infoText {
  margin-top: 8rpx;
  display: block;
  color: #1d2129;
  font-family: 'PingFang SC';
  font-size: 24rpx;
  font-style: normal;
  font-weight: 400;
  line-height: 33.6rpx;
}

.addContainer {
  height: 40rpx;
  display: flex;
  align-items: center;
  margin-top: 32rpx;
}

.addText {
  flex: 1 0 0;
  align-self: stretch;
  color: #165dff;
  font-family: 'PingFang SC';
  font-size: 28rpx;
  font-style: normal;
  font-weight: 400;
  line-height: 39.2rpx;
  margin-left: 8rpx;
}
</style>
